//
//  BottomSheetView.swift
//  imprint
//
//  Created by 小柠檬🍋 on 2025/1/11.
//

import SwiftUI

struct BottomSheetView: View {
    @Binding var height: CGFloat
        let onDismiss: () -> Void
     
        var body: some View {
            VStack {
                // 弹窗内容
                Spacer() // 占位符，用于调整内容位置
                Text("性别选择")
                    .padding(.horizontal, 20)
                    .background(Color.clear) // 确保文本不覆盖背景色
     
                Picker("性别", selection: .constant("")) { // 这里使用.constant因为示例中不需要实际选择
                    Text("男").tag("male")
                    Text("女").tag("female")
                    // 可以添加更多选项
                }
                .pickerStyle(.segmented) // 使用分段选择器风格
                .padding(.horizontal, 20)
                .background(Color(white: 0.9)) // 稍微暗一点的背景以区分内容
     
                // 完成按钮
                Button(action: onDismiss) {
                    Text("完成")
                        .padding()
                        .background(Color.blue)
                        .foregroundColor(.white)
                        .cornerRadius(8)
                }
                .padding(.horizontal, 20)
                .padding(.bottom, 10) // 底部内边距，确保按钮不紧贴屏幕边缘
            }
            .frame(height: height) // 设置弹窗高度
            .background(Color.white) // 弹窗背景色
            .cornerRadius(16) // 圆角
            .shadow(color: /*@START_MENU_TOKEN@*/.black/*@END_MENU_TOKEN@*/.opacity(0.1), radius: /*@START_MENU_TOKEN@*/10/*@END_MENU_TOKEN@*/)
        }
     
        // 一个可选的拖拽手势，用于调整高度（这里为了简化省略了）
        // 你可以添加一个 Gesture 来允许用户拖拽调整高度
}

//#Preview {
//    BottomSheetView()
//}
